﻿html,body,.layui-content{height:100%}
/*搜索框*/
.layui-eacher .layui-form-group .layui-form-label{min-width:80px;}
.layui-eacher .layui-form-group .layui-input-block{margin-left:90px;}
/*.layui-eacher .layui-form-group input.layui-col-md8{width:80% !important}*/
.layui-eacher .layui-seacher.layui-col-md7 label{max-width:50px;min-width:inherit}
.layui-eacher .layui-seacher.layui-col-md7 .layui-input-block{margin-left:60px;}
/*搜索按钮*/
.layui-right-button button{min-width:120px;}
/*数据展示*/
.layui-data{border:solid 1px #dedede;height:calc(100% - 107px);position:relative}
#Marketing{overflow-y:auto;height:calc(100% - 48px)}
#Marketing li{padding:0 10px;margin:10px auto;}
.layui-marketing-img{position:relative;}
.layui-marketing-img a{position:absolute;top:50%;width:50px;height:32px;border-radius:50%;border:solid 1px #787878; background:#fff;margin-top:-16px;text-align:center;line-height:32px;font-size:12px;}
.layui-marketing-preview{left:12%;}
.layui-marketing-artwork{right:12%;}
.layui-marketing-img a:hover{background:#0094ff;border-color:#0094ff;color:#fff;}
.layui-marketing-text{border:solid 1px #dcdcdc;border-top:none;background:#fff;padding:0 15px;overflow:hidden}
.layui-marketing-title{font-size:12px;color:#333;line-height:2;margin-top:5px;}
.layui-marketing-time,.layui-marketing-label{font-size:12px;color:#333;line-height:1.8;}
.layui-marketing-label a{color:#333;margin-right:10px;}
.layui-marketing-label a:hover{background:none;color:#0094ff}
.layui-marketing-button{margin-bottom:13px;margin-top:10px;text-align:right;}
.layui-marketing-button a{border-radius:2px;display:inline-block;text-align:center;font-size:12px;}
.layui-marketing-button a:hover{background:#0094ff;color:#fff;border-color:#0094ff}

/*分页*/
.layui-table-page{position:absolute;bottom:0;box-sizing:border-box}

@media(max-width:760px){
    .layui-data{margin-top:10px;height:calc(100% - 220px);position:relative}
    #Marketing{}
    .layui-table-page{box-sizing:border-box}
}



/*营销主题列表*/
@media(min-width:1200px){
    .layui-making-list{margin-top:2px;}
    .layui-making-list li{width:11.1%;padding:0 5px !important;margin:5px auto !important;box-sizing:border-box}
}
.layui-making-list li .layui-making-box{position:relative;border:solid 1px #ececec;overflow:hidden}
.layui-making-list li .layui-making-box .layui-marketing-img{height:auto;max-height:604px;overflow:hidden}
.layui-making-list li .layui-making-box .layui-marketing-text{position:absolute;left:0;bottom:-100%;border:none;width:100%;box-sizing:border-box;transition:all 0.3s linear 0.1s;-webkit-transition:all 0.3s linear 0.1s;-moz-transition:all 0.3s linear 0.1s;-o-transition:all 0.3s linear 0.1s;background:rgba(255,255,255,0.7)}
.layui-making-list li .layui-making-box .layui-marketing-button{margin-top:5px;margin-bottom:10px;}
.layui-making-list li:hover .layui-making-box .layui-marketing-text{bottom:0}

/*自定义营销主题*/
.layui-theme-box{position:relative;border-top:none;overflow:hidden;height:calc(100% - 51px)}
.layui-theme-box h4{margin-bottom:10px;font-size:12px;}
.layui-theme-left{position:absolute;left:0;top:0;padding:10px;width:12%;border-right:solid 1px #ececec;height:100%;box-sizing:border-box;overflow-y:auto;background:#fff;}
.layui-theme-main{position:relative;height:100%;}
.layui-theme-bg{margin-bottom:10px;position:relative;overflow:hidden;cursor:pointer}
.layui-theme-logo{margin-bottom:10px;position:relative;overflow:hidden;cursor:pointer;width:100%;height:130px;border:solid 1px #ececec;box-sizing:border-box;padding:5px;display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;}
.layui-theme-mack{position:absolute;left:0;top:-110%;width:100%;height:100%;background:rgba(0,0,0,0.3); display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;transition:all 0.3s linear 0.1s;-webkit-transition:all 0.3s linear 0.1s;-moz-transition:all 0.3s linear 0.1s;-o-transition:all 0.3s linear 0.1s}
.layui-theme-mack button{border-radius:50%;width:50px;height:50px;line-height:50px;text-align:center;padding:0;font-size:30px !important;background:#0094ff}
.layui-theme-mack button i{font-size:26px !important;}
.layui-theme-bg:hover .layui-theme-mack,.layui-theme-logo:hover .layui-theme-mack{top:0}
.layui-theme-text{margin-bottom:10px;}
.layui-theme-text textarea{width:100%;height:130px;padding:10px;box-sizing:border-box;border:solid 1px #ececec;resize:none;font-size:12px;color:#333;line-height:1.6    }
.layui-theme-button{position:absolute;left:0;bottom:0;width:100%;text-align:center;}
.layui-theme-container{width:68%;padding:10px;height:100%;box-sizing:border-box;overflow:hidden;position:absolute;left:12%;top:0;background:#f4f4f4;}
.layui-theme-frame{width:35%;margin:2% auto;position:relative;padding:10px;background:#fff;border-radius:5px;}
.layui-theme-frameBox{position:relative;}
.layui-theme-frameLogo{position:absolute;left:5%;top:3%;width:120px;background:#fff;padding:5px;border-radius:5px;}
.layui-theme-frameText{position:absolute;left:0;bottom:10%;width:100%;padding:10px;color:#fff;box-sizing:border-box;line-height:2;font-size:16px;}
.layui-theme-time{position:absolute;right:5%;top:3%;color:#fff;text-align:center;font-size:14px;color:#fff;line-height:1.6;padding:10px;background:rgba(255,255,255,0.2);border-radius:10px;}
.layui-theme-time b{font-size:50px;display:block;line-height:60px;}

.layui-theme-right{position:absolute;right:0;top:0;width:20%;background:#fff;border-left:solid 1px #ececec;height:100%;}
.layui-theme-right .layui-form-group{padding:5px 0;}
.layui-theme-right .layui-form-label{padding:5px 0;font-size:12px;color:#333;width:110px;}
.layui-theme-right .layui-input-block{margin-left:110px;min-height:30px;}
.layui-theme-right .layui-input-block input{height:30px;}
.layui-theme-right .layui-form-checkbox{height:18px;padding-right:18px;margin-top:6px;}
.layui-theme-right .layui-form-checkbox i{width:20px;font-size:14px;line-height:18px;}


#layui-makImg,#layui-makLogo{display:none;height:100%;overflow:hidden}
#layui-makImg .layui-tab-content,#layui-makLogo .layui-tab-content{height:calc(100% - 60px);box-sizing:border-box;}
.layui-makImg-list li{padding:5px;cursor:pointer;}
#layui-makImg .layui-tab-item,#layui-makLogo .layui-tab-item{height:100%;position:relative;}